<!doctype html>
<html>
<head>
	<title>Tables and forms</title>
	<style type="text/css">
		.table1{border:1px solid #000}
		.table1_1{border:1px solid #000}
		th{border:1px solid #000}
		.row1{text-align:center}	
		.row2{text-align:center}			
	</style>
</head>
<body>
	<!--form name="myForm" method="post" action=""-->
	<form>
		<font size="5px">
		<table class="table1" cellspacing="0" cellpadding="12">
			<tr class="row1">
				<th colspan="3">
					<a href="http://www.acer.bg/ac/bg/BG/content/home">Acer</a>
					<a href="http://www.apple.com/bg/">Apple</a>
					<a href="http://www.asus.com/">Asus</a>		
					<a href="http://www.compaq.com/country/bg/bg/">Compaq</a>	
					<a href="http://www.dell.com/">Dell</a>		
					<a href="http://www8.hp.com/bg/bg/home.html">HP</a>		
					<a href="http://www.lenovo.com/bg/en/index.html">Lenovo</a>
					<a href="http://www.samsung.com/bg/consumer/pc-peripherals-printer/notebooks/">Samsung</a>					
					<a href="http://www.sony.bg/hub/vaio-laptopi">Sony</a>				
					<a href="http://www.toshiba.bg/">Toshiba</a>	
				</th> 
			</tr>
			
			<tr class="row2">
				<td colspan="2">
					<font size="4px">
					<table class="table1_1" cellspacing="0" cellpadding="5">
						<tr>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_1">
											<tr>
												<td rowspan="3">
													<img src="notebook_1.png" width="120px"/>
												</td>
												<td>
													<pre></pre>
												</td>
											</tr>
											<tr>
												<td>
													64 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													2 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1300 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_2">
											<tr>
												<td rowspan="3">
													<img src="notebook_1.png" width="120px"/>
												</td>
												<td>
													<pre></pre>											
												</td>
											</tr>
											<tr>
												<td>
													128 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													4 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1500 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>						
						</tr>	
						
						<tr>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_3">
											<tr>
												<td rowspan="3">
													<img src="notebook_1.png" width="120px"/>
												</td>
												<td>
													<pre></pre>											
												</td>
											</tr>
											<tr>
												<td>
													128 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													8 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													1800 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_4">
											<tr>
												<td rowspan="3">
													<img src="notebook_1.png" width="120px"/>
												</td>
												<td>
													<pre></pre>											
												</td>
											</tr>
											<tr>
												<td>
													128 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													8 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													2000 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>						
						</tr>	
						
						<tr>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_5">
											<tr>
												<td rowspan="3">
													<img src="notebook_2.png" width="120px"/>
												</td>
												<td>
													<pre></pre>											
												</td>
											</tr>
											<tr>
												<td>
													256 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													16 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													2500 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>
							<td>
								<form method="post" action="form.aspx">
									<fieldset>
										<legend>Apple MacBook AIR</legend>
										<table class="table1_1_6">
											<tr>
												<td rowspan="3">
													<img src="notebook_2.png" width="120px"/>
												</td>
												<td>
													<pre></pre>											
												</td>
											</tr>
											<tr>
												<td>
													256 GB SSD
												</td>
											</tr>
											<tr>
												<td>
													16 GB DDR
												</td>
											</tr>
											<tr>
												<td>
													3000 USD
												</td>
												<td>
													Intel Core i5
												</td>
											</tr>										
										</table>
									</fieldset>
								</form>
							</td>						
						</tr>						
					</table>
					</font>				
				</td>
				
				<td>
					<font size="5px">
					<table class="table1_2">			
						<tr>
							<td>
								<label for="slider500USD">Min price:</label>
							</td>
							<td>
							<pre> </pre>
							</td>
							<td>
								<label for="slider500USD">500 USD</label>
							</td>
						</tr>	
						<tr>
							<td colspan="3">
								<input id="slider500USD" type="range" min="0" max="500" value="250" size="50" onchange="change price('slider')"/>
							</td>
						</tr>	
						<tr>
							<td>
								<label for="slider1500USD">Max price:</label>
							</td>
							<td>
							<pre> </pre>
							</td>
							<td>
								<label for="slider1500USD">1500 USD</label>
							</td>
						</tr>	
						<tr>
							<td colspan="3">
								<input id="slider1500USD" type="range" min="0" max="1500" value="750" size="50" onchange="change price('slider')"/>
							</td>
						</tr>
						<tr>
							<td>
								<label for="slider4GB">Min RAM:</label>
							</td>
							<td>
							<pre> </pre>
							</td>
							<td>
								<label for="slider4GB">4 GB</label>
							</td>
						</tr>	
						<tr>
							<td colspan="3">
								<input id="slider4GB" type="range" min="0" max="4" value="2" size="50" onchange="change price('slider')"/>
							</td>
						</tr>
						<tr>
							<td>
								<label for="slider16GB">Max RAM:</label>
							</td>
							<td>
							<pre> </pre>
							</td>
							<td>
								<label for="slider16GB">16GB</label>
							</td>
						</tr>	
						<tr>
							<td colspan="3">
								<input id="slider16GB" type="range" min="0" max="16" value="8" size="50" onchange="change price('slider')"/>
							</td>
						</tr>						
					</table>
					</font>				
				</td>
			</tr>
		</table>
	</form>
</body>
</html>